/* theme color #0070a3; */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

body { line-height: 1;font-family: Arial, Helvetica, sans-serif;font-size: 12px; width: 100%; height: 100%; color: #000; font-size: 14px; }
.clear { clear: both; }

#wrapper { margin: 10px auto; width: 800px; }
#wrapper a { text-decoration: none; color: #666666; }
#wrapper span.highlight { color: #242e52; }

#header { border-bottom: 1px solid #ccc; margin-bottom: 20px; }
#header .top { border-bottom: 1px solid #ccc; margin-bottom: 10px; }
#header ul.navigation { list-style: none; text-align: right; }
#header .navigation li { display: inline }
#header .navigation li a { display: inline-block; padding: 10px 15px; border-left: 1px solid #ccc; }
#header h1 { font-family: 'Arial', cursive; font-size: 22px; text-align: center; line-height: 30px;}
#header h2 { font-family: 'Irish Grover', cursive; font-size: 22px; text-align: center; line-height: 30px; }
#header h2 a { color: #000; }
#header h3 { text-align: center; font-family: 'La Belle Aurore', cursive; font-size: 24px; margin-bottom: 20px; font-weight: normal; }
#header h4 { text-align: center; font-family: 'Arial', cursive; font-size: 24px; margin-bottom: 20px; font-weight: normal; }

.main-col h1 {
	border-bottom: 1px solid #ccc; margin-bottom: 20px; 
}
.main-col { width: 550px; min-height: 400px; display: inline-block; float: left; border-right: 1px solid #ccc; padding: 20px; margin-bottom: 20px; }
.main-col a { /* color: #0070a3 !important; */ }
.main-col h1,
.main-col h2
    { line-height: 1.2em;  margin-bottom: 10px; margin-top: 10px; font-weight: normal; color: #0070a3; }
.main-col h1 {  font-size: 22px;}
.main-col h2 {  font-size: 18px;}
.main-col p { line-height: 1.5em; margin-bottom: 20px; }

#footer { border-top: 1px solid #ccc; clear: both; text-align: center; padding: 10px; color: #aaa; }

/**
Flashes
*/
.flash { padding: 10px; margin: 10px 0px 10px 0px; font-style: italic;} 
.flash-notice { background-color: #FCFBC7; } 
.flash-error { background-color: #FCE0C7; } 
.flash-success { background-color: #E3FCC7; } 

/**
Portlets
*/
.column { width: 260px; float: left; padding-bottom: 100px; }
.portlet { margin: 0 1em 1em 0; font-size: 90%; line-height: 150%}
.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.4em;}
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }

/**
Forms
*/
form div label {
	width: 180px;
	display: block;
	float: left;
}

form #user_gender  label {
	width: auto;
	display: inline;
	float: none;
}

form div {
	margin: 5px 0px 5px 0px;
}

form label.required {
	font-weight: bold;
}

form ul  {
	float: right;
}

form ul li {
	font-size: 10px;
	color: red;
}

.error {
	color: red;
}

.success {
	color: green;
}

.notice {
	color: orange;
}

form#login {
	margin-top: 20px;
}


form#login label{
	display: block;
	width: 120px;
	margin-top: 10px;
}


article.full {
	border: 1px solid #e3e3e3;
	margin: 10px 0px 10px 0px;
	padding: 20px;
	background-color: #f1f1f1;
	clear: both;
	display: block;
	font-size: 95%;
}

article.summary {
	border-bottom: 1px dashed #cccccc;
	margin-bottom: 10px;
	clear: both;
	display: block;
	font-size: 95%;
}

.slightly-rounded {
	-moz-border-radius: 3px;
	border-radius: 3px;
}


/**
Password strength
*/
.password-indicator {
	height: 20px;
	font-size: 90%;
	margin-left: 180px;
}

#password_strength_bar
{
  float: left;
}

#password_strength_bar div
{
  width: 12px;
  height: 6px;
  border: 1px solid #aaaaaa;
  float: left;
}

/**
List
*/

.continue a {
	float: right;
	padding: 2px 10px 2px 10px;
	clear: both;
	position: relative;
	bottom: 30px;
}

/**
Pagination
*/
.paginationBar, .paginationBar  .pages, .paginationBar  .pageInfo{
	width: 100%;
	text-align: center;
	clear: both;
}

.paginationBar a {
	border: 1px solid #0070a3;
}

.paginationBar a.inactive {
	border: 1px solid #cccccc;
	color: #cccccc;
	cursor: text;
	opacity: 0.8;
}

h2.brand {
	font-family: 'La Belle Aurore', cursive; font-size: 24px; margin-bottom: 20px; font-weight: normal; margin: 10px; color: #0070a3;
}

/**
Sidebar
*/

.salutation { font-family: 'Irish Grover', cursive; font-size: 14px; line-height: 18px; margin: 10px; color: black; font-weight: bold;}

.sidebar { width: 180px; padding: 10px; display: inline-block; }

.sidebar  ul.sidebar-menu {
	margin-left: 10px;
	list-style-type: none;
}

.sidebar  ul.sidebar-menu li {
	margin: 20px 0px 20px 0px;
}

.sidebar  ul.sidebar-menu li a{
	background-image: url("../../../images/icons/arrow.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.sidebar  ul.sidebar-menu li a:hover{
	background-position: 0 -66px;
	text-decoration: underline;
	color: #0070a3 !important;
}

.sidebar  ul.lang-menu {
	margin-left: 10px;
	margin-top: 40px;
	list-style-type: none;
}

.sidebar  ul.lang-menu li {
	float: left;
	margin: 5px;
}

.sidebar  ul.lang-menu li a {
	opacity: 0.6;
}
.sidebar  ul.lang-menu li a.current-language {
	opacity: 1.0;
	cursor: text;
}

.gradient {
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.float-right {
	float: right
}

.hidden {
	display: none;
}

.small-text {
	font-size: 90%;
	color: #666666;
}

.uploaded_documents {
	margin: 10px;
}

#uploaded_documents  {
	margin: 20px;
	list-style-position:inside;
	border: 1px dotted #eaeaea;
}

#uploaded_documents li {
	padding: 10px;
	border-bottom: 1px dotted #eaeaea;
}


.small-button {
   font-size: .6em !important;
}

.ui-button-text {
   font-size: inherit !important;
} 